﻿
@{
    ViewData["Title"] = "分配用户";
    Layout = "_Iframe";
}
<div class="container-div">
    <div class="row">
        <div class="col-sm-12 search-collapse">
            <form id="role-form">
                <input type="hidden" id="roleId" name="roleId" value="@ViewBag.RoleId">
                <div class="select-list">
                    <ul>
                        <li>
                            登录名称：<input type="text" name="account" />
                        </li>
                        <li>
                            手机号码：<input type="text" name="phone" />
                        </li>
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                            <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>

        <div class="btn-group-sm" id="toolbar" role="group">
            <a class="btn btn-success" onclick="selectUser()">
                <i class="fa fa-plus"></i> 添加用户
            </a>
            <a class="btn btn-danger multiple disabled" onclick="cancelAuthUserAll()">
                <i class="fa fa-remove"></i> 批量取消授权
            </a>
            <a class="btn btn-warning" onclick="closeItem()">
                <i class="fa fa-reply-all"></i> 关闭
            </a>
        </div>

        <div class="col-sm-12 select-table table-striped">
            <table id="bootstrap-table" data-mobile-responsive="true"></table>
        </div>
    </div>
</div>

@section Scripts{
    <script type="text/javascript">

        $(function () {
            var options = {
                url: "/api/SysUser/QueryUserByRoleId",
                sortName: "createTime",
                sortOrder: "desc",
                modalName: "用户",
                columns: [{
                    checkbox: true
                },
                {
                    field: 'id',
                    title: '用户ID',
                    visible: false
                },
                {
                    field: 'account',
                    title: '登录名称',
                    sortable: true
                },
                {
                    field: 'name',
                    title: '用户名称'
                },
                {
                    field: 'email',
                    title: '邮箱'
                },
                {
                    field: 'phone',
                    title: '手机'
                },
                {
                    field: 'createTime',
                    title: '创建时间',
                    sortable: true
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var actions = [];
                        actions.push('<a class="btn btn-danger btn-xs"  onclick="cancelAuthUser(\'' + row.id + '\')" href="javascript:void(0)"><i class="fa fa-remove"></i>取消授权</a> ');
                        return actions.join('');
                    }
                }]
            };
            $.table.init(options);
        });

        function queryParams(params) {
            var search = $.table.queryParams(params);
            search.roleId = $("#roleId").val();
            return search;
        }

        /* 分配用户-选择用户 */
        function selectUser() {
            var url = '/SysRole/SelectUser?roleId=' + $("#roleId").val();
            $.modal.open("选择用户", url);
        }

        /* 分配用户-批量取消授权 */
        function cancelAuthUserAll(userId) {
            var rows = $.table.selectFirstColumns();
            if (rows.length == 0) {
                $.modal.alertWarning("请至少选择一条记录");
                return;
            }
            $.modal.confirm("确认要删除选中的" + rows.length + "条数据吗?", function () {
                var data = { "RoleId": parseInt($("#roleId").val()), "UserId": rows.join() };
                $.operate.submit("/api/SysRole/CancelAuthUserAll", "post", "json", JSON.stringify(data));
            });
        }

        /* 分配用户-取消授权 */
        function cancelAuthUser(userId) {
            $.modal.confirm("确认要取消该用户角色吗？", function () {
                $.operate.post("/api/SysRole/CancelAuthUser", JSON.stringify({ "RoleId": parseInt($("#roleId").val()), "UserId": parseInt(userId) }));
            })
        }
    </script>
}
